<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/cart.css">
    <link rel="stylesheet" href="./fonts/图标图标/iconfont.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <div class="top container">
            <ul class="top-left">
                <li>中国大陆 </li>
                <li class="on_off" >
                    <span class="off active">亲,<a href="./login.html">请登录</a></span>
                    <span class="on">ykx</span>

                </li>
                <li style="margin-left: 70px;" class="regi"><a href="./register.html">免费注册</a></li>
                <li>手机逛淘宝</li>
            </ul>
            <ul class="top-right">
                <li>我的淘宝</li>
                <!-- <li><span class="iconfont icon-gouwuche"></span>购物车</li> -->
                <li><span class="iconfont icon-shoucang2" style="color:#ccc"></span>收藏夹</li>
                <li>商品分类</li>
                <li>免费开店</li>
                <li>千牛卖家中心</li>
                <li>联系客服</li>
                <li class="web-nav">
                    <span class="iconfont icon-gengduo-2"></span>网站导航<span class="iconfont icon-xiala" style="color:#ccc;"></span>
                    <div class="nav container">
                        <div>
                            <p>特色市场</p>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                <li>包宝宝</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                               
                            </ul>
                        </div>
                        <div>
                            <p style="color: pink;">主体市场</p>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                <li>包</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                               
                            </ul>
                        </div>
                        <div>
                            <p style="color: skyblue;">精彩推荐</p>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                <li>包</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                               
                            </ul>
                        </div>
                        <div>
                            <p style="color: purple;">阿里APP</p>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                <li>包</li>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                               
                            </ul>
                        </div>
                        
                    </div>
                </li>
            </ul>
        </div>
    </header>
    <!-- 购物车顶部 -->
    <div class="tbb container">
        <p class="logo"><img src="./img/logo.png" alt=""></p>
        <h2>购物车</h2>
    </div>
    <!-- 购物车商品 -->
    <div class="car container clear">
        <div class="all">
            <ul>
                <li>全部商品<span></span></li>
                <li>降价商品<span></span></li>
                <li>库存紧张<span></span></li>
                <span></span>
            </ul>
            <div class="jiesuan">
                <span>已选商品（不含运费）</span>
                <span>0.00</span>
                <button>结算</button>
            </div>
        </div>
        <!-- 全选 -->
        <div class="allsel">
            <span><input type="checkbox" class="tquanxuan">全选</span>
            <span>商品信息</span>
            <span>单价</span>
            <span>数量</span>
            <span>金额</span>
            <span>操作</span>
        </div>
        <!-- 购物车商品列表 -->
        <ul class="cart_goods clear">
            <li class="item">
                <input type="checkbox">
                <p class="pic"><img src="" alt=""></p>
                <p class="title">title</p>
                <p class="size">尺码：<span>L</span></p>
                <p class="each_price">￥59.00</p>
                <div class="add_sub">
                    <span class="sub">-</span>
                    <span class="count"><input type="text" value="1"></span>
                    <span class="add">+</span>
                </div>
                <div class="total_price">
                    ￥59.00
                </div>
                <button>删除</button>
            </li>
        </ul>
    </div>
    <!-- 购物车底部 -->
    <div class="car_footer container">
        <div class="left">
            <div class="quanxuan">
                <input type="checkbox">
                <span>全选</span>
            </div>
       
            <div class="del">删除</div>
        </div>
        <div class="right">
            <div class="ched">已选商品<span>0</span>件</div>
            <div class="total_money">合计（不含运费）：<span>0.00</span></div>
            <div class="pay">结算</div>
        </div>  
    </div>
    <!-- 底部 -->
    <footer>
        <div class="bancen container">
            <ul class="enterprise">
                <li class="first">阿里巴巴集团</li>
                <li>淘宝网</li>
                <li>天猫</li>
                <li>聚划算</li>
                <li>全球速卖通</li>
                <li>阿里巴巴国际交易市场</li>
                <li>1688</li>
                <li>阿里妈妈</li>
                <li>飞猪</li>
                <li>淘小铺</li>
                <li>阿里云计算</li>
                <li>Alios</li>
                <li>阿里通信</li>
                <li>一淘</li>
                <li>万网</li>
                <li>高速</li>
                <li>UC</li>
                <li>友盟</li>
                <li>阿里安全</li>
                <li class="damai">大麦网</li>
                <li class="dd">钉钉</li>
                <li>支付宝</li>
                <li>优酷</li>
                <li>土豆</li>
                <li>阿里健康</li>
                <li>阿里影业</li>
                <li class="last">阿里体育</li>
            </ul>
            <div class="hezuo">
                <div>关于淘宝</div>
                <div>合作伙伴</div>
                <div>营销中心</div>
                <div>廉正举报</div>
                <div>联系客服</div>
                <div>开放平台</div>
                <div>诚征英才</div>
                <div>联系我们</div>
                <div>网站地图</div>
                <div>隐私权政策</div>
                <div>法律声明</div>
                <div>知识产权</div>
                <div class="copy">&copy;2003-现在Taobao.com版权所有</div>
            </div>
            <div class="lice">
                <div>增值电信业务经营许可证：浙B2-20080224</div>
                <div>增值电信业务经营许可证（跨地区）：浙B2-20150210</div>
                <div>浙网文（2019）1033-086号</div>
                <div>浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</div>
            </div>
            <div class="ver">
                <div>互联网药品信息服务资格证书（浙）-经营性-2018-0010</div>
                <div>短消息类服务接入代码使用证书：号【2016】00154-A01</div>
                <div>信息网络传播视听许可证：1109364号</div>
                <div>出版网络交易平台服务经营备案号：新出发浙备字第002号</div>
            </div>
            <div>
                <img src="./img/foot.png" alt="">
            </div>
        </div>
    </footer>
    

    <script src="./js/polyfill.js"></script>
    <script src="./vendor/utils.js"></script>
    <script src="./vendor/jquery/jquery.min.js"></script>
    <script src="./js/cart.js"></script>
</body>
</html>